<template>
    <div>
        <mt-header fixed title="新闻列表">
            <router-link to="../" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>

</mt-header>

        <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" v-for="item in luobo" :key="item.img">
					<router-link :to="'/home/newslist/newsinfo/'+item.title">
						<img class="mui-media-object mui-pull-left" :src="item.img">
						<div class="mui-media-body">
							{{item.title}}
							<p class='mui-ellipsis'>{{item.catalog}}</p>
						</div>
					</router-link>
				</li>


			</ul>
    </div>
</template>

<script>
import MintUI from 'mint-ui'
export default {
  data() {
    return {
      luobo:[]
    }
  },
  created() {
    this.getlunbo()
    
  },
  methods: {
    getlunbo(){
      MintUI.Indicator.open('获取数据中...');
      this.axios.get('api/goodbook/query?key=24bfa1a3e090e421bb816525e7c00a58&catalog_id=246&rn=10&rn=3').then((response)=>{
         this.luobo=response.data.result.data
        MintUI.Indicator.close();
      }).catch((response)=>{
        console.log(response);
        MintUI.Toast("失败")
      })
    }
  },
};
</script>

<style scoped>

</style>